/** @jsxImportSource react */

import { AlertCircle } from 'lucide-react';
import { Alert, AlertDescription, AlertTitle } from '../shadcn/ui/alert';

export default function AlertMessage({ title, description }: { title: string; description: string }) {
  return (
    <Alert variant="destructive" className="my-2">
      <AlertCircle className="h-4 w-4" />
      <AlertTitle>{title}</AlertTitle>
      <AlertDescription className="text-wrap overflow-x-auto" style={{ hyphens: 'auto' }}>
        {description}
      </AlertDescription>
    </Alert>
  );
}
